// hoc: 就是一个包装器

// 语法:
// 01: 就是一个函数,
// 02: 函数内部返回一个组件(可以是函数组件也可以是类组件)
// 03: 该函数接收一个参数, 参数就是要加工处理的组件
// 04: 当被包裹的组件有属性的传递的时候, 这时候需要进行props属性的承接
// 05: 功能: 01: 包装处理组件, 02: 封装组件


import { Component } from 'react';
const hoc = (Com) => {
    return class NewCom extends Component {
        render() {
            console.log('props', this.props);
            return <div style={{ background: 'red' }}>
                <h1>人在一起叫聚会,心在一起叫团队!!!</h1>
                <Com {...this.props}></Com>
            </div>
        }
    }
}

export default hoc

